/*******************************************************************************************************************
*  IMPORT OTHER STYLES                                                                                             
*******************************************************************************************************************/
@import url(reset.css); 

/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html{background:#fff;} /*f2f2f2;}*/
body{font:normal 13px "Helvetice Neue",Arial,Tahoma,Verdana;}/*{color:#727272; font:normal 13px "Helvetice Neue",Arial,Tahoma,Verdana;}*/
p{margin-bottom:15px; font-size:18px; /*line-height: 1.5em;*/
padding-left: 0.75rem;}
p strong{color:#424242;}
/*li{font-size:18px;}*/
address{font-style:normal; padding-bottom:15px;}
img {
    max-width: 100%;
    height: auto;
}

/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a{outline:0;}
a:hover{color:#000; text-decoration:underline;}

/*******************************************************************************************************************
*  H1 - H4                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4{line-height:1.2em; margin-bottom:15px; font-weight:bold;}
h1{font-size:3em; /* color: #ff0077; #db4105;/*#ff9800;#f74f20;#00008b; */
font-weight:bold;
font-family: "Helvetice Neue",Arial,Tahoma,Verdana,sansserif;
}
h1 strong{font-weight:bold;}
h2{
	font-size:2em; 
color: #252b39;/*#aaafdf;/*#afafaf; */
margin-bottom:10px; padding-bottom:10px;} /*border-bottom:1px solid #e5e5e5; padding-bottom:10px;}*/
h3, h4{font-size:1.4em; color:#424242; 
/*text-shadow:1px 1px 1px #fff;*/ 
margin-bottom:10px;}
h4{font-size:1.3em;}

/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
header{
	height:110px;
	min-height: 84px;
	line-height:84px; 
	background-color: #587afb;/*#fbf5ec; /* #eaeaea; /*#5f5a52;*/
	position:relative; z-index:95;} /*background:#1a1a1a; position:relative; z-index:100;} */
header a#logo{font-size:1.2em; font-weight:bold; display:block; position:absolute; top:0; left:20px; color:#fff; text-transform:uppercase; text-decoration:none;}
header a#logo:hover{text-decoration:none; color:#f7f7f7;}
header #nav{position:absolute; top:0; right:0;}
header #nav > img{display:none;}
header #nav > ul > li{float:left; background:url("img/nav-sep.png") no-repeat 0 50%; position:relative;}
header #nav > ul > li.parent > a{background:url("img/nav-more.png") no-repeat 20px 50%; padding-left:40px;}
header #nav > ul > li > ul{display:none; min-width:100%; position:absolute; top:62px; left:20px; line-height:normal; white-space:nowrap;
}
header #nav > ul > li > ul > li{margin-bottom:1px;}
header #nav > ul > li > ul > li > a{
	color:#555;/*#a2a2a2;*/ 
	font-weight: bold;
text-decoration:none; padding:10px 20px; display:block; background:url("img/subnav-bg.png");} /*color:#c3c3c3; */
header #nav > ul > li > ul > li > a:hover{background:#000; color:#587afb; text-decoration:none;}
header #nav > ul > li:first-child{background:none;}
header #nav > ul > li > a{float:left; color:#ffffff;/*#FFBF00;/*#555; color:#a2a2a2; */
display:block; height:84px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 20px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header #nav > ul > li.active > a{cursor:pointer; text-decoration:none; color: #f9b068;}
header #nav > ul > li > a:hover{color:#252b39; text-decoration:none;}

nav select {
  display: none;
}

#intro{border-bottom:1px solid #fff; position:relative; z-index:90;}
#intro .inner{padding:55px 0;}
#intro .inner{
	width: 100%;
	/*height: 333px;*/
	background-image:url("../images/banner.jpg"); 
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 100px;
	}
#intro p{color:#fff; 
margin-bottom:20px; padding-right:20%;
padding-left: 20%;
padding-top: 10%;
}
#intro h1{
	border-radius: 25px;
	padding: 10px;
	border: 1px solid #33332d; /*#c8c8c8;*/
}
#intro .button{text-shadow:-1px -1px 0 #ff6d00; text-transform:none; border:0; font-size:13px; background-color:#ff9a01; border-radius:5px; color:#fff; display:inline-block; padding:15px 40px; text-decoration:none; box-shadow:0 2px 2px #2596b7;  border-top:1px solid #ffe702; background:-moz-linear-gradient(top, #ffc101 0%, #ff9a01); background:-webkit-gradient(linear, left top, left bottom, from(#ffc101), to(#ff9a01));}
#intro .button:hover{background:-moz-linear-gradient(top, #ff9a01 0%, #ffc101); background:-webkit-gradient(linear, left top, left bottom, from(#ff9a01), to(#ffc101));}
#intro .button span{color:#b1b1b1; font-weight:100;}

/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/

/*.alert-info{
	font-size: 14px;
}*/
.error, .success{
	max-width: 450px;
}
.error {
	border: 1px solid red;
	background-color: #f9b5af;
	color: red;
}
.error ul{
	margin: 0;
	padding: 0;
	padding-left: 15px;
    margin: 5px 0;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
}
.success {
	border: 1px solid green;
	background-color: #d1f9da;
	color: green;
	padding-left: 15px;
    margin: 5px 0;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
}
#content{
	padding:20px;
	font-size: 18px;
	margin: auto;
	min-height: calc(100vh - 190px);
}
	
	}
#content p{
	font-size: 14px;
}
#content textarea{
	padding-left:5px;
}

.cols{margin-bottom:10px;}
.cols li{max-width:32%; float:left; background:url("img/cite.png") no-repeat;}
.cols li p{padding-left:45px;}
.cols li.middle{margin:0 2%;}
form{
	/*margin:45px 0 0; */
	padding:5px 0 0 10px;
	background:#33aea0; border:1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	}
form fieldset{padding:10px 40px 20px; color:#737373;
color:#000; font-size:20px;}
form .text{border:1px solid #d6d6d6; background:#fff; width:350px; padding:8px; font-size:12px; margin:0 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
form .text:hover{border-color:#aeaeae;}

.delete-item form {
	background-color: white;
	border-width: 0px;
}
	
.photo {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	float:right;
 }
.peach {
	color: #f87678;/*#cd3232; /*#ff9a01;*/
	font-size:24px;
	text-shadow: 1px 1px 1px #000;
	}
a.blackLink {
	color: black;
 }
 
 ul {
	 padding-bottom: 10px !important;
	 padding-left: 0.75rem !important;
 }
 
  ul.mylists{
	 list-style-type:disc !important;
	 margin: 0 20px !important;
	 font-size:18px;
 }
 ul.smlist{
	 list-style-type:disc !important;
	 font-size: 14px;
 }
 
 .header1 {
	 font-size: 3.7rem;
	 padding-left: 0.75rem;
	 color: #ff9a01;
 }
 .testimonials {
	 font-size:8px !important;
	 border-radius: 25px;
	 -moz-border-radius:15px;
	padding: 10px;
	border: 1px solid #c8c8c8;
 }
 
 .roundbox{
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:15px;
	border-color:#3197ad;
	padding:15px;
}
.form-group {
	font-size: 16px;
	padding: 0 15px 5px 15px;
}

.narrow {
	max-width: 700px !important;
}

h3.white{
	color:#fff !important;
}

#mc-embedded-subscribe {
    background: #111!important;
}

#mc-embedded-subscribe:hover {
    background: #555!important;
}
.col-h2-margin {
	margin-top: 18px;
	margin-bottom: 5px;
}

.form-spacing-top{
	margin-top: 30px;
}

.comment{
	margin-bottom: 40px;
}

.comment-author{
	
}

.author-img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	float: left;
}

.author-info{
	float: left;
	margin-left: 15px;
}

.author-info>h4{
	margin: 5px 0px;
}

.author-created{
	font-size: 14px !important;
	font-style: italic;
	color: #585858;
	padding-left: 0px !important;
}

.comment-content{
	clear: both;
	margin-left: 65px;
	font-size: 17px;
	line-height: 1.3em;
}

.comments-title>span{
	margin-right: 10px;
}

#comments-form{
	padding: 15px;
}

.needs-approval{
	background-color: #F5A9A9;
}

.edit-comment{
	background-color: white !important;
}

#contact {
	max-width: 600px;
}

/*.contact_form {
	width: 500px;
}*/

.sm {
	font-size: 14px;
}

.myvideos {
	width:400px;
	height:225px;
}

.left {
	float: left;
	width:370px;
}

.right {
	float: right;
	width:370px;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

.center {text-align:center;}

/*******************************************************************************************************************
* middle section                                                                                                      
*******************************************************************************************************************/
.middle_section{background:#587afb;/*#7e8aff;/*#cccc9f;/*#7e8aa2;*/ 
border-top:1px solid #e5e5e5; padding:30px 0;
text-shadow: none !important;}
.middle_section .wrap{padding-top:20px; padding-bottom:5px; position:relative;}
.middle_section .icon{display:block; position:absolute; top:-20px; left:20px; width:100%; height:61px;}


/*******************************************************************************************************************
*  TWITTER                                                                                                          
*******************************************************************************************************************/
#twitter{background:#fff; border-top:1px solid #e5e5e5;}
#twitter .wrap{padding-top:20px; padding-bottom:5px; position:relative;}
#twitter p{padding-left:80px;}
#twitter .icon{display:block; position:absolute; top:-20px; left:20px; width:56px; height:61px; background:url("img/twitter.png") no-repeat;}

/*******************************************************************************************************************
*  FOOTER                                                                                                          
*******************************************************************************************************************/
footer{
	padding:30px 0; /* background:#1a1a1a; font-size:0.85em; color:#777;}*/
	background:#1a1a1a;
	background-color: #f9b068;/*#33332d; /*#484a48; */
	font-size:0.85em; color:#252b39;
	height: 80px;
}
footer p{line-height:1.9em; font-size:12px;}
footer a, footer a:link, footer a:focus{color:#252b39; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer a:hover{color:#fff;}
footer .socialIcons{padding-top:7px;}
footer .socialIcons a{display:inline-block; width:29px; height:29px; margin:0 10px 0 0; text-indent:-9999px;}
footer .socialIcons a:last-child{margin-right:0;}
footer .socialIcons a.rss{background:url("img/small-rss.png") no-repeat;}
footer .socialIcons a.facebook{background:url("img/small-facebook.png") no-repeat;}
footer .socialIcons a.twitter{background:url("img/small-twitter.png") no-repeat;}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    
*******************************************************************************************************************/
.wrap{margin:0 auto; position:relative; max-width:1280px; padding:0 20px;}
.gallery{margin:0 auto; position:relative; max-width:1000px; padding:0 20px;}
.gallery-row{margin:5px 0px;}
.gallery-img{margin:5px;font-size:1rem;}
.products{margin:auto; position:relative; max-width:1300px; padding:0 20px 50px 20px;}
.product {float:left;}
.col{width:48%; position:relative; margin-bottom:20px;}
.col h3, .col p{padding-left:60px;}
.col .icon{position:absolute; top:0; left:0; padding:0;}
.col2{width:50%; max-width:100%; position:relative; margin-bottom:20px;}
.col2 h3, .col p{padding-left:60px;}
.col2 .icon{position:absolute; top:0; left:0; padding:0;}
.buttonCentered{text-align:center; margin-bottom:30px;}
.button, .button:link, .button:focus{cursor:pointer; position:relative; margin-top:10px; display:inline-block; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; color:#787b7c; padding:8px 20px; background:-moz-linear-gradient(top, #fff 0%, #f1f1f1); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cacaca; text-shadow:0 0 0;}
.button:hover{text-decoration:none; background:-moz-linear-gradient(top, #424242 0%, #000); background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#000)); color:#fff; border-color:#000;}
.button.iconLeft{padding-left:45px;}
.button.iconRight{padding-right:45px;}
.button i{display:inline-block; position:absolute; top:50%; margin-top:-9px; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%;}
.button.iconLeft i{left:20px;}
.button.iconRight i{right:20px;}
.button i.more{background-image:url("img/more.png");}
.button i.email{background-image:url("img/mail.png"); margin-top:-8px;}
.zoom {  
  transition: transform .2s; /* Animation */
  width: 300px;
  margin: 0 auto;
  padding:5px;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.lgimg {
	max-width:400px;max-height:400px;
}

.zoomlg {  
  transition: transform .2s; /* Animation */
  width: 400px;
  margin: 0 auto;
  padding:5px;
}

.zoomlg:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*******************************************************************************************************************
*  Responsive design                                                                                                    
*******************************************************************************************************************/
@media (max-width: 975px) {
	.wrap{max-width:auto; margin:0;}
	.cols li{max-width:30%;}
	.cols li.middle{margin:0 5%;}
	form fieldset{padding:15px;}
	form label{display:block; margin-bottom:10px;}
	form .text{margin:0; width:100%; padding-left:0; padding-right:0; text-indent:8px;}
	form .button{float:right;}	
}

@media (max-width: 750px) { 
	header nav li a{font-size:11px; padding:0 10px;}
	.col, .cols li{width:100%; max-width:100%; float:none; margin:0 0 30px !important;}
	.col2, .cols li{width:100%; max-width:100%; float:none; margin:0 0 30px !important;}
	.cols li{max-width:100%;}
	.cols li.middle{margin:0;}
	.myvideos {width:100%; height:auto;}
}

@media (max-width: 580px) { 
	.imagedropshadow {
		padding: 5px;
		border: solid 1px #EFEFEF;
	}
	header{height:50px; line-height:50px;}
	#intro .inner{padding:30px 0;}
	#intro p{padding-right:0 !important;}
	h1{font-size:2.6em;}
	header a#logo{left:20px;}
	header #nav{right:20px;}
	header #nav > img{display:block; float:right; cursor:pointer;
	padding-top: 20px;
	}
	
	header #nav > img:hover img.imagedropshadow {
		border: solid 1px #CCC;
		-moz-box-shadow: 1px 1px 5px #999;
		-webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
		/*color:#fff;*/
	}
	header #nav > ul{display:none; position:absolute; left:auto; right:0; top:80%; line-height:normal; white-space:nowrap;}
	header #nav > ul > li, header #nav > ul > li > ul > li{float:none; margin-bottom:1px; position:relative; background:none !important;}
	header #nav > ul > li > ul{margin-top:1px; position:relative !important; display:block !important; top:0 !important; width:100% !important;}
	header #nav > ul > li > a, header #nav > ul > li.parent > a{color:#c3c3c3; text-decoration:none; padding:10px 20px !important; 
	height:auto; float:none !important; width:100%; display:block; 
	background:url("img/subnav-bg_dark.png"); 
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-transition:all 0s ease-in-out; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -ms-transition:all 0s ease-in-out; transition:all 0s ease-in-out;}
	header #nav > ul > li > a:hover{background:#000; color:#fff; text-decoration:none;}
	header #nav > ul > li > ul > li > a{
		color:#c3c3c3;
		background:url("img/subnav-bg_dark.png");
		border-radius: 5px;
		-moz-border-radius:5px;
		}
	
	nav ul     { display: none; }
	nav select { display: inline-block; }
  
	footer p.floatLeft, footer p.floatRight{display:block; width:100%; float:none; margin-bottom:20px;}
	footer p:last-child{margin-bottom:0;}
	.buttonCentered{position:relative; top:-15px;}
}

/* iPhone4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	html{width:100%;}
}